<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-gyjqr" id="app">
    <layout :header="true">
      <common-ban :img="ban"></common-ban>
      <div class="gyjqr-m1 box">
        <common-title title="学期教育优势" top="0.5" bottom="0.38"></common-title>
        <dl class="list">
          <dd v-for="(item, index) in m1" :key="index" class="item" :class="'item'+index">
            <div class="btn flex-ct">TOP{{index+1}}</div>
            <div class="name">{{item.name}}</div>
            <div class="intro row7" v-html="item.intro"></div>
            <a href="" class="more">查看详情>></a>
          </dd>
        </dl>
      </div>
      <div class="gyjqr-m2 ">
        <div class="box"><common-title title="传统制造与机器人制造对比 " top="0.57" bottom="0.6"></common-title></div>
        <dl v-for="(items, j) in m2" :key="j" :class="'list'+j" class="list">
          <dt v-if="j === 0" class="tit flex-ct"><div>传统制造<br>行业</div></dt>
          <dt v-else class="tit flex-ct"><div>工业机器<br>人领域</div></dt>
          <dd v-for="(item, index) in items" :key="index" class="item" :class="'item'+index">{{item}}</dd>
        </dl>
      </div>
      <div class="gyjqr-m3 box">
        <common-title title="专业优势 " top="0.38" bottom="0.45"></common-title>
        <dl class="list flex-bect wrap">
          <dd v-for="(item, index) in m3" :key="index" class="item" :class="{on:(index+1)%2 === 0}">
            <img :src="item.image" class="image" />
            <div class="name flex-ct">{{item.name}}</div>
            <div class="intro" v-html="item.intro"></div>
          </dd>
        </dl>
      </div>
      <div class="gyjqr-m4 box">
        <common-title title="热门新闻" top="0.51" bottom="0.45"></common-title>
        <div class="tit">
          <span class="sp">专属服务一</span>
        </div>
        <div class="flex-bect">
          <dl class="list">
            <dd v-for="(item, index) in m4" :key="index" class="item" :class="{on:(index+1)%2 === 0}" v-html="item.intro"></dd>
          </dl>
          <div class="w">
            <img src="./static/image/03gyjqr/5.png" class="image" />
            <div class="t flex-ct">
              <div class="">专<br>属<br>人<br>性<br>化<br>服<br>务</div>
            </div>
          </div>
        </div>
        
      </div>
      <school-module></school-module>
      <form2-module tit="工业机器人专业"></form2-module>
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        ban:'./static/image/03gyjqr/banner.png',
        m1:[],
        m2:[],
        m3:[],
        m4:[],
        
      },
      mounted() {
        this.getCon();
      },
      methods:{
        
        getCon(){
          // <span class="red"></span>
          this.m1 = [
            {name:'国家政策大力扶持', intro:'李克强总理提出的“互联网+工业”开启了第四次工业革命，被称为智能化时代，它以机器人、大数据、云计算、智能工厂等为代表。习主席指出：未来10年将是我国机器人产业发展的黄金十年。'},
            {name:'产业发展前景好', intro:'国务院在《中国制造2025》把机器人列入十大重点发展产业之一，且长沙就有一个机器人产业园，入园名企近百家。'},
            {name:'就业前景大好', intro:'按照工信部的发展规划，到2025年工业机器人保有量将达到1700万台大概需要100多万工业机器人应用相关从业人员。平均每年需要培养10万名以上的工业机器人应用人才!'}
          ]
          this.m2 = [
            ['大环境不景气，裁员减薪；','多个萝卜一个坑，职业发展受限；','待遇：众人分一碗羹，工资涨不起来；','员工长时间重复同个动作影响身体健康；','数控、机械自动化、机电一体化；'],
            ['工业机器人高速发展，社会资本导入和政策扶持；','一个萝卜多个坑，急缺人才；','待遇:同一岗位，为传统制造行业待遇的两倍；','可以学会领先技术，受用多个行业；','新型行业，竞争少；',]
          ]
          this.m3 = [
            {name:'证书优势', intro:'工业机器人应用与维护工程师 培训项目被工信部纳入全国信 息技术人才培养工程',image:'./static/image/03gyjqr/1.png'},
            {name:'师资+学习优势', intro:'综合理论知识结合企业项目实 操行业知名教授+企业老师+焊 林机器人集成研发基地',image:'./static/image/03gyjqr/2.png'},
          ]
          this.m4 = [
            {intro:'工业智能机器人就业前景怎么样？ '},
            {intro:'什么是工业智能机器人？'},
            {intro:'工业智能机器人这个专业好学吗？'},
            {intro:'工业智能机器人工作岗位都有什么？'},
            {intro:'就业率很高吗？'}
          ]
        }
        
      }
    })
  </script>
</body>
</html>